<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="../assets/js/vue.js"></script>
    <link rel="stylesheet" href="../assets/css/index.css"/>
</head>
<body>
<h1>v-if 判断是否加载</h1>
<p>v-if判断是否加载 不显示html标签不会加载 比如用户是否登录，v-show调整css的display 显示不显示都加载</p>
<hr>
<div id="app">
    <div v-if="ok">原来是真的啊</div>
    <div v-else>原来是假的</div>

    <div v-if="ok2">2是真的啊</div>

    <div v-show="ok2">show是真的啊</div>
</div>

<script>
    var app=new Vue({
        el:'#app',
        data:{
            ok:false,
            ok2:true
        }
    })

</script>
</body>
</html>